@charset "utf-8";
/*
 * [공통] 게시판 코멘트
**/
.xans-board-commentpackage { font-size:12px; line-height:1.5; }

/* 댓글리스트 */
.xans-board-commentlist { border-top:1px dotted #c9c9c9; background-color:#f5f5f7; }
.xans-board-commentlist .label { vertical-align:middle; letter-spacing:-1px; }
.xans-board-commentlist li { position:relative; padding:10px 5px; border-bottom:1px dotted #c9c9c9; }
.xans-board-commentlist li .info { overflow:hidden; margin-right:80px; }
.xans-board-commentlist li .info p { float:left; margin-right:10px; }
.xans-board-commentlist li .info p.chk { width:100%; margin:0; }
.xans-board-commentlist li .ctrl { position:absolute; top:8px; right:5px; }
.xans-board-commentlist li .ctrl button { float:left; overflow:hidden; width:21px; height:20px; margin-left:5px; padding:0; text-indent:100%; white-space:nowrap; cursor:pointer; border:0; background-repeat:no-repeat; background-position:0px 0px; background-size:100% 100%; }
.xans-board-commentlist li .ctrl button.reply { background-image:url("http://img.echosting.cafe24.com/design/skin/mobile_cn/btn_reply.png"); }
.xans-board-commentlist li .ctrl button.modify { background-image:url("http://img.echosting.cafe24.com/design/skin/mobile_cn/btn_modify.png"); }
.xans-board-commentlist li .ctrl button.del { background-image:url("http://img.echosting.cafe24.com/design/skin/mobile_cn/btn_del.png"); }
.xans-board-commentlist li .content { margin:5px 0 0; word-wrap:break-word; }

/* 댓글 수정 */
.xans-board-commentform { margin:10px 0 0; padding:10px 5px; border:1px dotted #c9c9c9; background-color:#fff; }
.xans-board-commentform .label { vertical-align:middle; letter-spacing:-1px; }
.xans-board-commentform .label.hide {display:none; }
.xans-board-commentform .modifyComment { margin:5px 0 0; word-wrap:break-word; }
.xans-board-commentform .modifyComment textarea { width:100%; height:50px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.xans-board-commentform .byteCtrl { margin:5px 0 0; }
.xans-board-commentform .byteCtrl:after { content:""; display:block; clear:both; }
.xans-board-commentform .modifyByte { float:left; }
.xans-board-commentform .modifyCtrl { float:right; }
.xans-board-commentform .btnNormal,
.xans-board-commentform .btnStrong {
        display:inline-block; margin:0; padding:0 6px; font-size:11px; cursor:pointer; vertical-align:middle; border:0;
        border-radius:3px;
        -moz-box-sizing:border-box; box-sizing:border-box;
    }
.xans-board-commentform .btnNormal { height:22px; line-height:22px; color:#666; border:1px solid #bcbcbc; background-color:#f1f1f1; }
.xans-board-commentform .btnStrong { height:22px; line-height:22px; color:#fff; background-color:#434447; }

/* 댓글 작성 */
.xans-board-commentwrite { margin:10px 0 0; padding:10px 5px 15px; border-top:1px dotted #c9c9c9; border-bottom:1px dotted #c9c9c9; }
    /* 권한 있음 */
    .xans-board-commentwrite .boardCommentWrite .label { vertical-align:middle; letter-spacing:-1px; }
    .xans-board-commentwrite .boardCommentWrite .label.hide {display:none; }
    .xans-board-commentwrite .boardCommentWrite .info:after { content:""; display:block; clear:both; }
    .xans-board-commentwrite .boardCommentWrite .info p { float:left; }
    .xans-board-commentwrite .boardCommentWrite .info p.name { margin-right:10px; }
    .xans-board-commentwrite .boardCommentWrite .info p.name input[type="text"] { width:80px; }
    .xans-board-commentwrite .boardCommentWrite .info p.password input[type="password"] { width:80px; }
    .xans-board-commentwrite .boardCommentWrite .admin { margin:10px 0 0; }
    .xans-board-commentwrite .boardCommentWrite .admin a { display:block; text-align:center; }
    .xans-board-commentwrite .boardCommentWrite .comment { margin:10px 0 0; }
    .xans-board-commentwrite .boardCommentWrite .comment textarea { width:100%; height:50px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
    .xans-board-commentwrite .boardCommentWrite .byteRating { margin:5px 0 0; }
    .xans-board-commentwrite .boardCommentWrite .byteRating:after { content:""; display:block; clear:both; }
    .xans-board-commentwrite .boardCommentWrite .rating { float:left; }
    .xans-board-commentwrite .boardCommentWrite .rating label { margin-right:5px; }
    .xans-board-commentwrite .boardCommentWrite .rating input { margin-right:2px; }
    .xans-board-commentwrite .boardCommentWrite .byte { float:right; text-align:right; }
    .xans-board-commentwrite .boardCommentWrite .captcha { overflow:hidden; margin:10px 0 0;  padding:10px 0 10px 90px; }
    .xans-board-commentwrite .boardCommentWrite .captcha .img,
    .xans-board-commentwrite .boardCommentWrite .captcha .form { float:left; position:relative; }
    .xans-board-commentwrite .boardCommentWrite .captcha .img { left:-90px; width:90px; margin-right:-90px; }
    .xans-board-commentwrite .boardCommentWrite .captcha .form { width:100%; }
    .xans-board-commentwrite .boardCommentWrite .captcha .form p { margin:5px 0 0; font-size:11px; }
    .xans-board-commentwrite .boardCommentWrite .mButton { margin:10px 0 0; }
    /* 권한 없음 */
    .xans-board-commentwrite .boardCommentAuthority { padding-top:5px; }

/* 댓글의 댓글 작성 */
.xans-board-commentreply { margin:10px 0 0; padding:10px 5px 15px; border-top:1px dotted #c9c9c9; border-bottom:1px dotted #c9c9c9; background-color:#fff; }
    /* 권한 있음 */
    .xans-board-commentreply .boardCommentWrite .label { vertical-align:middle; letter-spacing:-1px; }
    .xans-board-commentreply .boardCommentWrite .label.hide {display:none; }
    .xans-board-commentreply .boardCommentWrite .info { margin:0; }
    .xans-board-commentreply .boardCommentWrite .info:after { content:""; display:block; clear:both; }
    .xans-board-commentreply .boardCommentWrite .info p { float:left; }
    .xans-board-commentreply .boardCommentWrite .info p.name { margin-right:10px; }
    .xans-board-commentreply .boardCommentWrite .info p.name input[type="text"] { width:80px; }
    .xans-board-commentreply .boardCommentWrite .info p.password input[type="password"] { width:80px; }
    .xans-board-commentreply .boardCommentWrite .admin { margin:10px 0 0; }
    .xans-board-commentreply .boardCommentWrite .admin a { display:block; text-align:center; }
    .xans-board-commentreply .boardCommentWrite .comment { margin:10px 0 0; }
    .xans-board-commentreply .boardCommentWrite .comment textarea { width:100%; height:50px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
    .xans-board-commentreply .boardCommentWrite .byteRating { margin:5px 0 0; }
    .xans-board-commentreply .boardCommentWrite .byteRating:after { content:""; display:block; clear:both; }
    .xans-board-commentreply .boardCommentWrite .rating { float:left; }
    .xans-board-commentreply .boardCommentWrite .rating label { margin-right:5px; }
    .xans-board-commentreply .boardCommentWrite .rating input { margin-right:2px; }
    .xans-board-commentreply .boardCommentWrite .byte { float:right; text-align:right; }
    .xans-board-commentreply .boardCommentWrite .captcha { overflow:hidden; margin:10px 0 0;  padding:10px 0 10px 90px; }
    .xans-board-commentreply .boardCommentWrite .captcha .img,
    .xans-board-commentreply .boardCommentWrite .captcha .form { float:left; position:relative; }
    .xans-board-commentreply .boardCommentWrite .captcha .img { left:-90px; width:90px; margin-right:-90px; }
    .xans-board-commentreply .boardCommentWrite .captcha .form { width:100%; }
    .xans-board-commentreply .boardCommentWrite .captcha .form p { margin:5px 0 0; font-size:11px; }
    .xans-board-commentreply .boardCommentWrite .mButton { margin:10px 0 0; }
    /* 권한 없음 */
    .xans-board-commentreply .boardCommentAuthority { padding-top:5px; }

/* 댓글 페이징 */
.xans-board-commentpaging { margin:15px 0; text-align:center; vertical-align:top; font-weight:bold; }
.xans-board-commentpaging a,
.xans-board-commentpaging a.this { display:block; color:#434447; font-size:11px; height:17px; padding:5px; line-height:14px; }
.xans-board-commentpaging a { color:#a1a1a3; outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.xans-board-commentpaging ol { vertical-align:top; }
.xans-board-commentpaging ol,
.xans-board-commentpaging li,
.xans-board-commentpaging p { display:inline-block; }
.xans-board-commentpaging li,
.xans-board-commentpaging p { overflow:hidden; min-width:22px; height:22px; margin:0 1px; border:2px solid #a1a1a3; border-radius:3px; background:#fff; }
.xans-board-commentpaging p { background:#a1a1a3 url("http://img.echosting.cafe24.com/design/skin/mobile_cn/bg_paging.png") 50% 0 no-repeat; background-size:20px 60px; }
.xans-board-commentpaging p.first { background-position:50% 2px; }
.xans-board-commentpaging p.prev { background-position:50% -13px; }
.xans-board-commentpaging p.next { background-position:50% -28px; }
.xans-board-commentpaging p.last { background-position:50% -43px; }
.xans-board-commentpaging p span { overflow:hidden; display:block; width:11px; height:19px; text-indent:100%; }

/* 댓글의 댓글 */
.xans-board-commentlist li.replyArea { padding-left:20px; background:url("http://img.echosting.cafe24.com/design/skin/mobile_cn/bg_reply.gif") no-repeat 2px 15px; background-size:11px 12px; }